/**
 * Copyright 2025 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.mat-mdc-standard-chip {
    --mdc-chip-label-text-color: #4285F4;
    --mdc-chip-elevated-container-color: #fff;
    border: 1px solid #4285F4 !important;
    font-family: 'Google Sans', sans-serif !important;
    font-size: 1em !important;
    mat-icon{
        color: #4285F4 !important;
    }
}


:host ::ng-deep .mdc-evolution-chip__cell {
justify-content: center;
}

.heading-parent-container{
    display: flex;
    flex-direction: row;
}
  
.close-button{
    justify-content: flex-end;
    display: flex;
    width: 6%;

}

.intent-card {
    padding: 0px;
    font-size: 0.95rem;
}

.intent-heading {
    color: rgba(95, 99, 104, 1);
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    font-family: 'Google Sans', sans-serif !important;
    width: 20%;

}

.chips-container{
    width: 94%;
}

.intent-container {
    border-radius: 8px;
    background-color: rgba(246, 249, 254, 1);
    width: 100%;
    box-shadow: none !important;
    flex-shrink: 0;

    .selected-question {

        // margin: 0.5rem 0rem;
        &:hover {
            background-color: rgba(66, 133, 244, 0.10);
        }
    }

    .question-item {
        display: flex;
        justify-content: space-between;
        font-family: 'Google Sans', sans-serif !important;
        color: #161A1D;
        font-size: 0.95rem;
        line-height: 24px;
        flex-wrap: wrap;
    }

}

.text-span{
    display: flex !important;
    gap: 10px !important;
}